<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

</head>
<body>
<!--<h1> hello world1 </h1>-->
<div id="app">
    <h1 style="color: red"> {{message}}</h1> <!--- 视图层 负责展示数据 --->
</div>


</body>

<script type="text/javascript">
    // 创建一个Vue实例
    var model = {
        message: 'hello world', // 存储数据
    }

    // 绑定数据 建立绑定
    // var app = new Vue({el: '#app', data: model})

    var app = new Vue( // 绑定数据 建立绑定
        {
            // el:'h1',
            el: '#app',
            data: model
        }
    )
</script>

</html>